<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>homework1</title>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<nav>
	<ul>
		<li class="select"><i class="fa fa-user fa-2x"></i></li>
		<li><i class="fa fa-comments-o fa-2x"></i></li>
		<li><i class= "fa fa-comments fa-2x" ></i></li>
	</ul>
</nav>
<article class="content-1">
<article class="user-1">
	<img src="images/james.jpg">
	<h3>Miro Badev</h3>
	<a href="#"><p>mirobadev@gmail.com</p></a>
	<i class="fa fa-circle"></i>
</article>
<article class="user-2">
	<img src="images/james2.jpg">
	<h3>Martin Joseph</h3>
	<a href="#"><p>martinjoseph@gmail.com</p></a>
	<i class="fa fa-circle"></i>
</article>
<article class="user-3">
	<img src="images/james3.jpg">
	<h3>Tomas Kennedy</h3>
	<a href="#"><p>tomaskennedy@gmail.com</p></a>
	<i class="fa fa-circle"></i>
</article>
<article class="user-4">
	<img src="images/james4.jpg">
	<h3>Enrique Sutton</h3>
	<a href="#"><p>enriquesutton@gmail.com</p></a>
	<i class="fa fa-circle"></i>
</article>
<article class="user-5">
	<img src="images/james5.jpg">
	<h3>Darnell Strickland</h3>
	<a href="#"><p>darnellstrickland@gmail.com</p></a>
	<i class="fa fa-circle"></i>
</article>
<form>
	<button><i class="fa fa-search fa-lg"></i></button>
	<input type="text" placeholder="adsdsfafafad">

</form>
</article>
</body>
</html>